<template>
  <PageWrapper>
    <div class="bg">
      <a-space>
        <!-- <template v-for="item in iconArr" :key="item">
          <IconFont :iconType="item" :style="{ fontSize: '24px', color: '#1890ff' }" />
        </template> -->
      </a-space>
    </div>
  </PageWrapper>
</template>

<script lang="ts" setup name="assemblyIcon">
import { reactive, ref } from 'vue'
import PageWrapper from '@/components/PageWrapper/index.vue'
import IconFont from '@/components/IconFont/index.vue'
// const iconArr = reactive([
//   'mio-icon-tongji',
//   'mio-icon-eye',
//   'mio-icon-24',
//   'mio-icon-liuyan',
//   'mio-icon-yonghu1',
//   'mio-icon-xiangmu',
//   'mio-icon-zan'
// ])
</script>

<style lang="less" scoped>
.bg {
  width: 100%;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
